Bottom Sheets: Definition and UX Guidelines底部彈窗
底部彈窗：一種從移動裝置螢幕底部彈出的覆蓋層，用於顯示額外的詳細資訊或操作選項。
底部彈窗是漸進式披露的一種形式，通常透過使用者互動觸發，用於呈現附加資訊或上下文控制元件。由於會遮擋部分螢幕內容，因此不適合展示始終需要的資訊或工具，而更適用於臨時資訊或操作的場景。
- 與獨立頁面不同，底部彈窗不會完全切換使用者上下文。
- 與其他覆蓋層相比，底部彈窗保留了更多背景資訊的可見性，方便使用者同時參考主螢幕和彈窗內容。
常見誤區：認為底部彈窗有助於提高觸達性（如更容易點選螢幕底部內容）。事實上，螢幕底部並非總是最容易點選的區域，具體情況取決於使用者的持機方式。
模態與非模態底部彈窗
模態底部彈窗
模態底部彈窗類似經典模態彈窗，強制使用者在與其互動或關閉前無法進行其他操作。通常會使用半透明背景（稱為“遮罩”）暗示背景內容暫不可用。
使用場景：需要使用者優先完成某項任務或參考背景資訊，例如網路連線問題的提示。
非模態底部彈窗
非模態底部彈窗不會強制使用者與其互動，使用者仍可操作背景內容。適用於與主屏內容並行展示詳細資訊或選項。
使用場景：如地圖應用中顯示目的地詳情的彈窗，使用者可同時檢視地圖背景資訊。
可擴充套件底部彈窗
某些底部彈窗支援使用者透過點選或滑動將其擴充套件至全屏。這類彈窗通常在最小化狀態下為非模態，擴充套件後則變為模態。
底部彈窗的可用性指南
1. 支援使用“返回”按鈕關閉彈窗
當底部彈窗擴充套件至全屏時，可能被誤認為普通頁面，使用者可能嘗試使用“返回”按鈕關閉，但很多彈窗並不支援此操作。
建議：確保使用者可透過裝置的“返回”按鈕關閉彈窗，避免打破使用者的互動習慣。
2. 提供明確的關閉按鈕
雖然大多數底部彈窗支援透過頂部抓取手柄滑動關閉，但並非所有使用者都熟悉該操作。此外，滑動操作可能受制於手勢識別的精確性。
建議：在彈窗頂部提供明顯的關閉按鈕（如“X”或“關閉”），確保所有使用者，包括依賴螢幕閱讀器或鍵盤導航的使用者，都能輕鬆關閉彈窗。
3. 避免堆疊多個底部彈窗
多個底部彈窗疊加會增加使用者的認知負擔，使用者可能難以區分如何分別關閉最頂部的彈窗或整個彈窗堆疊。
建議：底部彈窗應避免取代傳統的頁面導航流程。不要使用底部彈窗來呈現需要深入瀏覽或導航的內容，如電商產品詳情頁。
4. 僅用於短暫互動
底部彈窗是臨時的 UI 元素，適用於支援快速操作，而非展示覆雜內容或長時間使用的介面。
建議：避免在底部彈窗中呈現需要使用者花費大量時間閱讀或瀏覽的內容，改用獨立頁面以提供更穩定的互動環境。
